/*
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.

Copyright (c) 2023-present Kaleidos INC
*/

@import url("tools/typography.css");

.modal-inner-wrapper {
  --modal-inner-margin: 1rem;

  display: flex;
  flex-grow: 1;
  justify-content: center;
  padding-block: 0;
  position: relative;
}

.modal-content-wrapper {
  display: flex;
  position: relative;
}

.modal-content {
  --modal-width: 715px;
  --modal-max-height: 90vh;

  background-color: var(--color-white);
  border-radius: 5px;
  box-shadow: 11px 12px 13px 0 rgba(46, 52, 64, 0.1);
  inline-size: var(--modal-width);
  margin-block: 0;
  margin-inline: auto;
  max-block-size: var(--modal-max-height);
  overflow: auto;
  padding: var(--spacing-32);
  position: relative;

  &.big {
    inline-size: calc(-120px + 100vw);
    max-block-size: calc(-112px + 100vh);
    max-inline-size: 1280px;
    min-inline-size: 768px;
  }

  &.no-padding {
    padding: 0;
  }

  &.height-auto {
    max-block-size: unset;
  }
}

.close {
  inset-block-start: var(--spacing-8);
  inset-inline-end: var(--spacing-8);
  position: absolute;

  &::ng-deep tui-svg {
    color: var(--color-gray80);
  }
}
